<%-- 
    Document   : message
    Created on : 2014-3-29, 13:33:59
    Author     : lcfgly
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page trimDirectiveWhitespaces="true" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">

        <title>消息留言</title>

        <meta name="description" content="用户消息留言">
        <meta name="author" content="pixelcave">
        <meta name="robots" content="noindex, nofollow">
        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0">
        <!-- Stylesheets -->
        <%@include file="/WEB-INF/jspf/css.jspf" %>
    </head>

    <!-- Body -->
    <body>
        <!-- Page Container -->
        <div id="page-container" class="full-width">
            <!-- Header -->
            <header class="navbar navbar-inverse">
                <%@include file="/WEB-INF/jspf/header.jspf" %>
            </header>
            <!-- END Header -->
            
            <!-- Left Sidebar -->
            <jsp:include page="/control/left.html" flush="true" />
            <!-- END Left Sidebar -->
            
            <!-- Pre Page Content -->
            <div id="pre-page-content" style="min-height: 20px">
                <h1><i class="halflingicon-comments themed-color" style="line-height: 40px"></i>消息留言<br></h1>
            </div>
            <!-- END Pre Page Content -->

            <!-- Page Content -->
            <div id="page-content">
                <!-- Breadcrumb -->
                <!-- You can have the breadcrumb stick on scrolling just by adding the following attributes with their values (data-spy="affix" data-offset-top="250") -->
                <!-- You can try it on other elements too :-), the sticky position and style can be adjusted in the css/main.css with .affix class -->
                <ul class="breadcrumb" data-spy="affix" data-offset-top="250">
                    <li>
                        <a href="<c:url value="/control/index.html" />"><i class="glyphicon-display"></i></a> <span class="divider"><i class="icon-angle-right"></i></span>
                    </li>
                    <li class="active"><a href="">消息留言</a></li>
                </ul>
                <!-- END Breadcrumb -->

                <!-- Left Aligned Tabs Block -->
              <div class="block block-themed">
                    <!-- Left Aligned Tabs Title -->
                    <div class="block-title">
                        <h4>内容</h4>
                    </div>
                    <!-- END Left Aligned Tabs Title -->

                    <!-- Left Aligned Tabs Content -->
                    <div class="block-content">
                        <div class="tabs-left clearfix">
                            <ul class="nav nav-tabs" data-toggle="tabs">
                                <li class="active"><a href="#newmessage"><i class="icon-user"></i> 未回复</a></li>
                                <li><a href="#backmessage"><i class="icon-envelope-alt"></i> 已回复</a></li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane active" id="newmessage">
                                		<!-- Accordion Content -->
                                    <div class="accordion hidden" id="newmessagelist">
                                        <div class="accordion-group">
                                            <div class="accordion-heading">
                                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#newmessagelist" href="#messagebox2">Question #2</a>
                                            </div>
                                            <div id="messagebox2" class="accordion-body collapse">
                                                <div class="accordion-inner">Donec lacinia venenatis metus at bibendum? In hac habitasse platea dictumst. Proin ac nibh rutrum lectus rhoncus eleifend. Sed porttitor pretium venenatis. Suspendisse potenti. Aliquam quis ligula elit. Aliquam at orci ac neque semper dictum. Sed tincidunt scelerisque ligula, et facilisis nulla hendrerit non. Suspendisse potenti. Pellentesque non accumsan orci. Praesent at lacinia dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
                                                <div style="padding:10px;">
                                                    <textarea rows="3" class="span12" style="margin-top:10px;" placeholder="回复内容"></textarea>
                                                    <button class="btn btn-success pull-right" type="submit"  style="margin-right:10px; margin-bottom:10px;"><i class="icon-ok"></i> 回复</button>
                                                </div>
                                            </div>
                                        </div>
                                  </div>
                                    <div class="pagination pagination-small hidden">
                                       <ul>
                                           <li><a href="javascript:void(0)"><i class="icon-circle-arrow-left"></i></a></li>
                                           <li><a href="javascript:void(0)">1</a></li>
                                           <li><a href="javascript:void(0)">2</a></li>
                                           <li><a href="javascript:void(0)">3</a></li>
                                           <li><a href="javascript:void(0)"><i class="icon-circle-arrow-right"></i></a></li>
                                       </ul>
                                   </div>
                                   <div  style="height:90px;" id="load"><i class="icon-spinner icon-spin icon-5x text-success"></i></div>
                                    <!-- END Accordion Content -->
                                </div>
                                <!--已回复-->
                                <div class="tab-pane" id="backmessage">
                                		<!-- Accordion Content -->
                                    <div class="accordion hidden" id="newmessagelist">
                                        <div class="accordion-group">
                                            <div class="accordion-heading">
                                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#newmessagelist" href="#messagebox2">Question #2</a>
                                            </div>
                                            <div id="messagebox2" class="accordion-body collapse">
                                                <div class="accordion-inner">Donec lacinia venenatis metus at bibendum? In hac habitasse platea dictumst. Proin ac nibh rutrum lectus rhoncus eleifend. Sed porttitor pretium venenatis. Suspendisse potenti. Aliquam quis ligula elit. Aliquam at orci ac neque semper dictum. Sed tincidunt scelerisque ligula, et facilisis nulla hendrerit non. Suspendisse potenti. Pellentesque non accumsan orci. Praesent at lacinia dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
                                                <div style="padding:10px;">
                                                    <textarea rows="3" class="span12" style="margin-top:10px;" placeholder="回复内容"></textarea>
                                                    <button class="btn btn-success pull-right" type="submit"  style="margin-right:10px; margin-bottom:10px;"><i class="icon-ok"></i> 回复</button>
                                                </div>
                                            </div>
                                        </div>
                                  </div>
                                    <div class="pagination pagination-small hidden">
                                       <ul>
                                           <li><a href="javascript:void(0)"><i class="icon-circle-arrow-left"></i></a></li>
                                           <li><a href="javascript:void(0)">1</a></li>
                                           <li><a href="javascript:void(0)">2</a></li>
                                           <li><a href="javascript:void(0)">3</a></li>
                                           <li><a href="javascript:void(0)"><i class="icon-circle-arrow-right"></i></a></li>
                                       </ul>
                                   </div>
                                   <div  style="height:90px;" id="load"><i class="icon-spinner icon-spin icon-5x text-success"></i></div>
                                    <!-- END Accordion Content -->
                                </div>
                                <!--已回复end-->
                            </div>
                        </div>
                    </div>
                    <!-- END Left Aligned Tabs Content -->
                </div>
                <!-- END Left Aligned Tabs Block -->
                <!-- END Accordion Block -->
            </div>
            <!-- END Page Content -->

            <!-- Footer -->
            <%@include file="/WEB-INF/jspf/footer.jspf" %>
            <!-- END Footer -->
        </div>
        <!-- END Page Container -->

        <!-- Scroll to top link, check main.js - scrollToTop() -->
        <a href="#" id="to-top"><i class="icon-chevron-up"></i></a>
        <%@include file="/WEB-INF/jspf/js.jspf" %>
        <script src="<c:url value="/js/controller/message.js" />"></script>
    </body>
</html>